<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>订房直通车</title>
    <link rel="stylesheet" href="css/drawer.css"><!-- menu -->
    <link rel="stylesheet" href="css/aui.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/qr_base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/responsiveslides.css">
    <script src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/responsiveslides2.min.js"></script>
    <script type="text/javascript" src="js/iscroll.js"></script><!-- menu -->
    <script type="text/javascript" src="js/jquery.drawer.min.js"></script><!-- menu -->
    <script type="text/javascript" src="js/js.js"></script><!-- 网站js -->
    <script type="text/javascript" src="scripts/app.js"></script>
    <script type="text/javascript" src="scripts/dfZhitongche.js"></script>

    <link rel="stylesheet" href="css/weui.min.css">

    <script type="text/javascript" src="js/weui_example.js"></script>


</head>
<style type="text/css">
    .huiyuanjiaicon {
        padding: 0!important;
        margin-right: 5px!important;
        color: #f90!important;
        border-radius:0!important;
        font-size: 16px!important;
    }
    .yhjsuojin{
        text-indent:10px;
    }
    /* 轮播 */
    .callbacks_tabs li,
    .callbacks_tabs li a{
        background: none!important;
    }

    .yzm{
        position: absolute;
        right: -15px;
        top: 0;
        display: inline-block;
        width: 110px;
        height: 47px;
        background-color: #ddd;
    }
    .yzm img{
        width: 100%;
        height: 100%;
    }
</style>

<body ontouchstart="" class="drawer drawer-right">
<div class="viewport">
    <form action="" id="frmHomeOrder">
        <header class="aui-bar aui-bar-nav">
            <a class="aui-pull-left" href="javascript:history.back();">
                <span class="aui-iconfont aui-icon-left"></span>
            </a>
            <div class="aui-title">订房直通车</div>
            <a class="aui-pull-right  drawer-toggle">
                <span class="aui-iconfont aui-icon-sort"></span>
            </a>
        </header>

        <!-- 侧边导航开始 -->
        <div class="drawer-main drawer-default">
            <nav class="drawer-nav" role="navigation">
                <!-- 未登录 -->
                <div class="touxiang">
                    <a href="login.html" class="touxiangimg"><img src="images/touxiang.png" width="100%"></a>
                    <span><a href="login.html">登录</a><a href="register.html">注册</a></span>
                </div>
                <!-- 登录后 -->
                <div class="touxiang" style="display:none;">
                    <a href="userCenter.html" class="touxiangimg"><img src="images/touxiang.png" width="100%"></a>
                    <span>jack</span>
                    <span>黄金会员</span>
                </div>
                <ul class="drawer-nav-list">
                    <li><a href="userIndex.html"><i class="menuicon1"></i>会员中心</a></li>
                    <li><a href="dfZhitongcheInfo.html"><i class="menuicon2"></i>订房直通车</a></li>
                    <li><a href="cyYongcanFangshi.html"><i class="menuicon3"></i>餐饮定制</a></li>
                    <li><a href="kfFuwu.html"><i class="menuicon4"></i>客房服务</a></li>
                    <li><a href="lbFuwu.html"><i class="menuicon5"></i>礼宾服务</a></li>
                    <li><a href="kfyanzhu.html"><i class="menuicon6"></i>客房延住</a></li>
                    <li><a href="ksTuifang.html"><i class="menuicon7"></i>快速退房</a></li>
                    <li><a href="dnDaohang.html"><i class="menuicon8"></i>店内导航</a></li>
                    <li><a href="jdList.html"><i class="menuicon9"></i>周边信息</a></li>
                    <li><a href="sdJiabinhui.html"><i class="menuicon10"></i>首都嘉宾会</a></li>
                    <li><a href="userJifenShangcheng.html"><i class="menuicon11"></i>积分商城</a></li>
                </ul>
            </nav>
        </div>
        <!-- 侧边导航结束 -->

        <!--焦点图开始-->
        <div class="callbacks_container">
            <ul class="rslides" id="slider">
                <li>
                    <a href="#"><img src="images/lunbo/3.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="images/lunbo/4.jpg" alt=""></a>
                </li>
            </ul>
        </div>
        <!--焦点图结束-->

        <div class="aui-content">
            <ul class="aui-list-view">
                <li class="aui-list-view-cell">
                    <b class="f_size16" id="roomName" name="roomName">高级客房</b>  <b class="fr c_red f_size18" id="hoomPrice">￥880</b>
                </li>

            </ul>
        </div>


        <div class="aui-content ">


            <div class="aui-form formshurubox">
                <div class="aui-input-row">


                    <input type="text" style="display: none;" name="priceCode" id="priceCode" value=""/>
                    <input type="text" style="display: none;" name="roomCode" id="roomCode" value=""/>
                    <input type="text" style="display: none;" name="priceDetail" id="priceDetail" value=""/>
                    <input type="text" style="display: none;" name="breakfast" id="breakfast" value=""/>

                    <input type="text" style="display: none;" name="priceName" id="priceName" value=""/>
                    <label class="aui-input-addon">入住日期</label>
                    <input type="date" class="aui-input dateiconbg al" placeholder="请选择入住时间(如2015/10/1)" name="arrDate" id="arrDate"  />
                </div>
                <div class="aui-input-row">
                    <label class="aui-input-addon">离开日期</label>
                    <input type="date" class="aui-input dateiconbg al" placeholder="请选择离开时间(如2015/10/2)" name="depDate" id="depDate"  />
                </div>
                <div class="aui-input-row">
                    <label class="aui-input-addon">最早到店时间</label>
                    <input type="time" class="aui-input dateiconbg al" placeholder="请选择最早到店时间(如10:05)" name="fast_arr_tm" id="fast_arr_tm" />
                </div>
                <div class="aui-input-row">
                    <label class="aui-input-addon">最迟到店时间</label>
                    <input type="time" class="aui-input dateiconbg al" placeholder="请选择最迟到店时间(如16:05)" name="last_arr_tm" id="last_arr_tm"/>
                </div>
            </div>
            <span class="tishitxt">温馨提示：晚于18:00点到店预定信息无效</span>
            <div class="aui-form formshurubox">
                <div class="aui-input-row">
                    <label class="aui-input-addon">房间数量</label>
                    <input type="number" class="aui-input" placeholder="请选择房间数量" name="roomNums" id="roomNums"/>
                </div>
                <div class="aui-input-row">
                    <label class="aui-input-addon">入住人数</label>
                    <input type="number" class="aui-input" placeholder="请选择入住人数" name="guestNums" id="guestNums"/>
                </div>
                <div class="aui-input-row">
                    <label class="aui-input-addon">入住人姓名</label>
                    <input type="text" class="aui-input" placeholder="请输入入住人姓名" name="guestName" id="guestName"/>
                </div>
                <div class="aui-input-row">
                    <label class="aui-input-addon">手机号码</label>
                    <input type="tel" class="aui-input" placeholder="请输入手机号码" name="guestPhone" id="guestPhone"/>
                </div>
                <div class="aui-input-row">
                    <label class="aui-input-addon">邮箱</label>
                    <input type="tel" class="aui-input" placeholder="请输入邮箱" name="guestMail" id="guestMail"/>
                </div>
            </div>
        </div>
        <div class="aui-content">
            <div class="aui-form formshurubox">
                <div class="aui-input-row">
                    <label class="aui-input-addon">备注信息</label>
                    <input type="text" class="aui-input" placeholder="请输入您的备注信息" name="notice" id="notice"/>
                </div>
            </div>
        </div>
        <!--

        <div class="aui-content">
            <div class="aui-form formshurubox2">
                <div class="aui-input-row">
                    <label class="aui-input-addon">加床</label>
                    <input class="aui-pull-right aui-radio aui-radio-info" name="jiachuang" type="radio" name="" id="">
                </div>
                <div class="aui-input-row">
                    <label class="aui-input-addon">早餐</label>
                    <div class="aui-pull-right">
                        <input class="aui-radio" style="marghin:10px;" name="zaocan" checked="" type="radio"><div class="aui-radio-name">单早</div>
                        <input class="aui-radio" style="marghin:10px;" name="zaocan" type="radio"><div class="aui-radio-name">双早</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="aui-content">
            <ul class="aui-list-view ">
                <li class="aui-list-view-cell">
                    <a class="aui-arrow-right yhjsuojin" href="cyYouhuijuan.html">
                        优惠券
                        <span class="aui-badge nobg c_8">有<i class="c_yellow">2</i>张优惠券可用</span>
                    </a>
                </li>
            </ul>
            <input type="hidden" id="orderPrice" name="orderPrice"/>
        </div>
        -->
        <div class="aui-content ">
            <div class="aui-form formshurubox">
                <div class="aui-input-row">
                    <label class="aui-input-addon">验证码</label>
                    <input type="tel" class="aui-input" placeholder="请输入验证码" name="" id=""/>
                    <div class="yzm">
                        <img   src="images/icon_yanzhenma.png" height="49"   alt="看不清" title="看不清" onclick="getRandomCode();"/>

                    </div><!-- 验证码 -->
                </div>
            </div>
        </div>


        <div class="aui-content" style="margin-bottom:0;">
            <div class="fangxinginfoview">
                <h4><img src="images/fang_ico_09.jpg" alt="" />房型详情</h4>
                <div class="arcview" id="hoomDescription">
                    <!--
                        <p>宽敞的居室，淋浴房与浴缸独立分割，平添豪华与舒适感。享受这份安逸的同时，舒心的喜悦油然而生。地理位置很便捷，离前门大街和天安门步行都只有10分钟路程，门口有车站，去鼓楼什么的都方便。</p>
                  !-->
                </div>
            </div>
        </div>

        <!-- 操作容器 -->
        <div class="padbottom"></div>
        <div class="bottomcaozuo aui-border-t">
            <span class="c_red f_size18 price" id="hoomPrice2">￥880</span><a id="btnSumbit" class="aui-btn aui-btn-primary fr">立即预定Reserve</a><!-- 预定成功页面success.html-->
        </div>
    </form>

</div>
<script type="text/javascript">
    $(function() {
        // Slideshow
        $("#slider").responsiveSlides({
            auto: true,
            pager: false,
            nav: false,
            speed: 500,
            timeout: 4000,
            pager: true,
            pauseControls: true,
            namespace: "callbacks"
        });
    });

</script>
</body>

</html>
